$(function () {
    var form = layui.form
    form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '昵称长度必须在 1 ~ 6 个字符之间！'
            }
        }
    });

    function getUserinfo() {
        $.ajax({
            method: 'get',
            url: '/my/userinfo',
            // headers: {
            //     // 请求头的配置项 获取本地存储的数据
            //     Authorization: sessionStorage.getItem('token') || ''
            // },
            success: res => {
                if (res.status !== 0) return layui.layer.msg('获取用户信息失败!')
                // console.log(res);
                //  layui里面内置的方法 layui.form.val('设置的lay-filter名字','获取的数据')
                layui.form.val('userInfo', res.data)
            }
        })
    };
    getUserinfo();

    /**
     * 完成修改用户信息的功能
     * 1. 需要给表单注册submit事件 阻止表单的默认行为
     * 2. 需要收集到 表单的数据
     * 3. 查阅接口文档 关注请求方式与请求参数 还有请求的类型
     * 4. 发送ajax
     * 5. 接收服务器响应回来的数据
     * 6. 判断是否修改成功 如果失败就需要提示用户
     * 7. 如果成功 需要更新页面上面的数据
     */
    $('#editForm').on('submit', function (e) {
        e.preventDefault();
        const data = $(this).serialize();
        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data,
            success: res => {
                const {
                    status,
                    message
                } = res;
                if (status !== 0) return layui.layer.msg(message);
                // console.log(res);
                layui.layer.msg('修改成功');
                // 重新渲染 父页面中的用户头像用户名部分
                window.parent.getUserinfo();
            }
        })
    });

    // 重置按钮 清空表单内容 回到未更改前的数据
    // input类型是reset  默认点击后 会把表单内全部内容清空 需要阻止默认行为
    $('#reset').on('click', function (e) {
        e.preventDefault();
        // 重新获取index.js中的获取用户信息的函数调用
        getUserinfo();
        layui.layer.msg('未修改信息');

    })
})